<template>
    <div>
        <EachTrip :value="searchDetail"></EachTrip>
    </div>
</template>

<script>
import EachTrip from "../components/EachTrip.vue"
import {mapState} from "vuex"
export default {
    components:{
        EachTrip
    },
    mounted:function(){
        // console.dir(this.$route.params.tripId)
        this.$store.dispatch("requestTripDetail",this.$route.params.tripId)
    },
    computed:{
        ...mapState({
            searchDetail:state=>state.search.searchDetail,
            // indexDetail:state=>state.search.indexDetail
        })
    }
}
</script>

<style lang='css' scoped>

</style>